<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>我的</title>
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script src="js/flexible.min.js"></script>
</head>

<body>
	<div class="container my">
		<div class="user-info">
			<img src="images/my/face.png" alt="">
			用户微信称呼
		</div>
		<div class="tab-list">
			<div class="tab-item active"><span>我的订单</span></div>
			<div class="tab-item"><span>预约凭证</span></div>
			<div class="tab-item"><span>服务评价</span></div>
		</div>
		<!-- tab列表 -->
		<div class="order-list">
			<div class="no-data">
				- 暂时没有订单 -
			</div>
		</div>
	</div>
	<div class="nav-bar">
		<div class="box">
			<a class="menu" href="home.html">
				<img class="off" src="images/bar/menu1_off.png" alt="">
				<img class="on" src="images/bar/menu1_on.png" alt="">
				首页
			</a>
			<a class="menu" href="tv.html">
				<img class="off" src="images/bar/menu2_off.png" alt="">
				<img class="on" src="images/bar/menu2_on.png" alt="">
				港湾TV
			</a>
			<a class="menu current" href="my.html">
				<img class="off" src="images/bar/menu3_off.png" alt="">
				<img class="on" src="images/bar/menu3_on.png" alt="">
				我的
			</a>
		</div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/swiper.min.js"></script>
	<script>
		$(function () {
			$('.tab-item').click(function () {
				$('.tab-item').removeClass('active');
				$(this).addClass('active');
			})
		})
	</script>
</body>

</html>